.wrapper {
    width: 100%;

}
.wrapper  .header{
    color: #080400;
    font-weight: 500;
    display: flex;
    align-items: center;
    padding-top: 1vw ;

}
.top{
    background-color: #ffcc33;
}
.wrapper  .header span{
    margin-right: 35vw;
    font-size: 5vw;
}
.wrapper  .header  h4{
    font-size: 5vw;
    font-weight: 600;
    margin-bottom: 1vw;
}
.wrapper .delivery-options{
    margin: 0 auto;
    width: 96%;
    height: 7vw;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    font-size: 3.5vw;
    display: flex;
    align-items: center;
    justify-content: space-around;
    overflow: hidden;
    background-color: #fdf6da;

}
.active{
    background-color: #fff;
    width: 48%;
    height: 7vw;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    font-weight: 600;
}

.wrapper .delivery-options .fetch{
    width: 48%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;

    height: 7vw;
}
.address-section{
    width: 98%;
    padding-left: 2.1vw;
    padding-bottom: 1vw;
}
.address-section .address{
    width:  97%;
    background-color: #fff;
    height: 12vw;
    border-top-right-radius: 8px;

    display: flex;
    align-items: center;
    color: #777777;
    font-size: 4vw;
    padding-left: 2vw;
    border-bottom: 1px solid #f9db7f;
}
.delivery-time{
    width:  97%;
    background-color:#fff;
    height: 10vw;
    padding-left: 2vw;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    display: flex;
    align-items: center;
    font-weight: 550;
}
.time{
    color: orange;
    margin-left: 42vw;
}
.time h4{
    color: #777777;
}
.order{
    background-color: #f4f4f4;
    width: 96%;
}
.info{
   width: 96%;
    background-color: #fff;
   border-radius: 8px;
    padding: 1vw 2vw;
}
.restaurant-info{
    color: #777777;
    font-size: 2.5vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.5vw;
    border-bottom: #f4f4f4 1px solid;
}
.restaurant-info .tag{
    color: #080400;
    font-size: 3vw;
    padding: 1vw;
    background-color: #ffcc33;
    border-radius: 5px;
    font-weight: 500;
}
.order-items{
    padding: 1vw 2vw;
}
.item{
    display: flex;
    border-bottom: #f4f4f4 1px solid;
    padding-bottom: 1vw;
}
.item img{
    width: 15vw;
    height: 15vw;
    margin-right: 4vw;
}
.item .item-details{
    font-family: 宋体, serif;
    margin-right: 18vw;
}
.item .item-details h3{
    font-size: 4vw;
    font-weight: 700;
}
.item .item-details p{
    font-size: 4vw;
    color: #777777;
    margin-top: 4vw;
}
.price s{
    color: #777777;
    font-size: 2.5vw;
}
.price .current-price{
    font-weight: 700;
    font-size: 4vw;
    margin-left: -1vw;
}
.fees{
    padding-top:2vw ;
}
.fees .pack{
    display: flex;
    justify-content: space-between;
    align-items: revert;
    padding-bottom: 2vw;
    font-weight: 600;
}
.fees .discount{
    font-size: 3vw;
    color: #777777;
    padding-bottom: 2vw;
    border-bottom: #f4f4f4 1px solid;
}
.fees .delivery{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 2vw;
    font-weight: 600;
}
.fees .delivery s{
    font-size: 3vw;
}
.new-customer{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 2vw;
    padding-bottom: 2vw;
    font-weight: 600;
}
.new-customer span{
    color: red;
    font-size: 4vw;
}
.red-packet{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 1vw;
    padding-bottom: 2vw;
    font-weight: 600;
}
.red-packet span{
    font-weight: 400;
    font-size: 3vw;
    color: #777777;
}
.voucher{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 1vw;
    padding-bottom: 2vw;
    font-weight: 600;
    padding-bottom: 2vw;
    border-bottom: #f4f4f4 1px solid;
}
.voucher span{
    font-weight: 400;
    font-size: 3vw;
    color: #777777;
}
.footer{
    width: 85%;
    margin: 4vw auto;
    background-color: #474747;
    border-radius: 25px;
    display: flex;
    justify-content: space-between;
    height: 11vw;

}

.footer .total{
    display: flex;
    flex-direction: column;
    padding: 0 4vw;
}
.footer .total .price{
    color: #fff;
    font-size: 4vw;
    font-weight: 600;
}
.footer .total  .discount{
    font-size: 3vw;
    color: #777777;
}
.function{
    display: flex;
    align-items: center;
}
.submit-order1{
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffcc33;
    font-size: 3.5vw;
    background-color: #777777;
    height: 11vw;
    width: 16vw;

    font-weight: 600;
}
.submit-order2{
    display: flex;
    align-items: center;
    width: 18vw;
    background-color: #ffcf4e;
    border-bottom-right-radius: 25px;
    border-top-right-radius: 25px;
    height: 11vw;
    justify-content: center;
    padding-right: 1vw;
    padding-left: 1vw;
    font-weight: 600;

}